<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>

        <style>
            #warp{
                width:1366px;
                height:655px;
                margin-top:-8px;
                margin-left:-8px;
                cursor:pointer;
            }

            #top{
                width:100%;
                height:45px;	
                float:left;
            }

            #center{
                clear:both;
                width:100%;
                height:610px;
            }
        </style>
         <script type="text/javascript">
        function cs(v){
            switch(v){
                case 1:{
                       document.getElementById("con").src="sanpham.html"; 
                }break;
            }
        }
    </script>
    </head>

    <body>

        <div id="warp">
            <div id="top">

                <div id="logo" style="float:left;text-align: center;width:15%;height:100%;">
                    <div style="width: 100%;height: 4px"></div>
                    <span style=";font-size:9pt;font-style: italic;font-weight: bold;">BAO PHUONG JEWELRY</span>
                    <br/>
                    <span style="font-size: 8pt">Management Store</span>
                </div>

                <div id="ungdung" style="height: 100%;width: 65%;float:left;">
                    <div style=";width: 100%;height: 50%;text-align: center;background-color: ">

                    </div>
                    <div style="width: 100%;height: 50%;">

                        <div style="height: 100%;width: 25%;float:left;text-align: center" onclick="cs(1)">Sản phẩm</div>
                        <div style="height: 100%;width: 25%;float:left;text-align: center"  onclick="cs(2)">Đồ thế</div>
                        <div style="height: 100%;width: 25%;float:left;text-align: center"  onclick="cs(3)">Mua Bán</div>
                        <div style="height: 100%;width: 25%;text-align: center;float:left"  onclick="cs(4)">Thống kê</div>

                    </div>

                </div>

                <div style="float:left;height: 100%;width: 20%;text-align: center">

                    <div style="height: 100%;width: 25%;float:left;">
                        <img src="img/bg.png" width="26px" height="26px" style="margin-top: 10%"  onclick="cs(4)"/>
                    </div>

                    <div style="height: 100%;width: 25%;float:left">
                        <img src="img/tem.png" width="26px" height="26px" style="margin-top: 10%"  onclick="cs(5)"/>
                    </div>

                    <div style="height: 100%;width: 25%;float:left">
                        <img src="img/login.png" width="26px" height="26px" style="margin-top: 10%"  onclick="cs(6)"/>
                    </div>

                    <div style="height: 100%;width: 25%;float:left">
                        <img src="img/danhba.png" width="26px" height="26px" style="margin-top: 10%"  onclick="cs(7)"/>
                    </div>

                </div>
                <div style="width: 100%;clear: both;height: 3px;">
                    <div style="width:100%;float: left;background-color: red; height: 100%;z-index: 2"></div>
                </div>


            </div><!-- end top-->
            <div id="center"><iframe id="con" src="sanpham.html" style="z-index: 1;margin-left:-8px;width:1374px;height:600px;overflow:hidden" frameborder="0" /></div>
            <div id="bot"></div>

        </div>


    </body>
   
</html>
